import React from 'react';
export default class Testbg extends React.Component{
    constructor (props){
        super();
        this.state={
            color:props.color
        }
    }
    render(){
        return(
            <svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" width="442.604" height="364" viewBox="0 0 442.604 364">
  <defs>
    <linearGradient id="linear-gradient" x1="0.007" x2="0.993" y2="0.959" gradientUnits="objectBoundingBox">
      <stop offset="0" stop-color="#ffda33"/>
      <stop offset="1" stop-color="#ffbf40"/>
    </linearGradient>
    <filter id="矩形_2200" x="-127.48" y="39.5" width="403.084" height="60.5" filterUnits="userSpaceOnUse">
      <feOffset dy="3" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur"/>
      <feFlood flood-color="#ffbc47" flood-opacity="0.6"/>
      <feComposite operator="in" in2="blur"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="矩形_2206" x="138.52" y="39.5" width="403.084" height="60.5" filterUnits="userSpaceOnUse">
      <feOffset dy="3" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur-2"/>
      <feFlood flood-color="#ffbc47" flood-opacity="0.6"/>
      <feComposite operator="in" in2="blur-2"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="矩形_265" x="0" y="0" width="442.604" height="364" filterUnits="userSpaceOnUse">
      <feOffset dy="15" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="10" result="blur-3"/>
      <feFlood flood-opacity="0.059"/>
      <feComposite operator="in" in2="blur-3"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <linearGradient id="linear-gradient-3" x1="0.881" y1="0.745" x2="0" gradientUnits="objectBoundingBox">
      <stop offset="0" stop-color="#26d2ff"/>
      <stop offset="1" stop-color="#237ef6"/>
    </linearGradient>
    <clipPath id="clip-path">
      <rect id="矩形_2207" data-name="矩形 2207" width="383" height="55" transform="translate(1528 2216)" fill="#fff" stroke="#707070" stroke-width="1"/>
    </clipPath>
    <clipPath id="clip-path-2">
      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#矩形_2200)">
        <rect id="矩形_2200-2" data-name="矩形 2200" width="385.084" height="42.5" rx="4" transform="translate(12 137)" opacity="0.5" fill="url(#linear-gradient)"/>
      </g>
    </clipPath>
    <clipPath id="clip-path-3">
      <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#矩形_2206)">
        <rect id="矩形_2206-2" data-name="矩形 2206" width="385.084" height="42.5" transform="translate(12 137)" opacity="0.5" fill="url(#linear-gradient)"/>
      </g>
    </clipPath>
  </defs>
  <g id="组_7575" data-name="组 7575" transform="translate(-10975 -5888)">
    <g id="组_3849" data-name="组 3849" transform="translate(9477 4274)">
      <g id="组_2262" data-name="组 2262" transform="translate(0 -569)">
        <g transform="matrix(1, 0, 0, 1, 1498, 2183)" filter="url(#矩形_265)">
          <rect id="矩形_265-2" data-name="矩形 265" width="382.604" height="304" rx="5" transform="translate(30 15)" fill="#fff"/>
        </g>
        <path id="矩形_266" data-name="矩形 266" d="M5,0H377.6a5,5,0,0,1,5,5V73a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V5A5,5,0,0,1,5,0Z" transform="translate(1528 2198)" fill="url(#linear-gradient-3)"/>
        <g id="蒙版组_25" data-name="蒙版组 25" clip-path="url(#clip-path)">
          <g id="组_2221" data-name="组 2221">
            <g id="蒙版组_1" data-name="蒙版组 1" transform="translate(1367.52 2091.5)" opacity="0.8" clip-path="url(#clip-path-2)">
              <g id="组_2218" data-name="组 2218" transform="translate(12 137)" opacity="0.32">
                <g id="组_827" data-name="组 827" transform="translate(0 0)">
                  <path id="减去_9" data-name="减去 9" d="M265.71,43.111H0V0C19.586,1.1,33.9,6.754,47.735,12.225c14.479,5.724,28.156,11.131,46.846,11.159h.148c18.594,0,32.628-4.913,47.753-10.849l1.187-.467.817-.321.048-.019c13.119-5.164,25.509-10.041,40.5-10.041,1.245,0,2.511.035,3.762.1,19.428,1.057,52.551,9.557,76.916,16.5V43.111h0Z" fill="#fff" opacity="0.5"/>
                  <path id="减去_8" data-name="减去 8" d="M0,33.728H0V16.436a141.155,141.155,0,0,1,28.177-10.6c9.038-2.3,19.259-3.915,34.175-5.412,2.792-.279,6-.421,9.53-.421,5.933,0,13,.4,21.02,1.187,6.877.675,14.652,1.656,23.11,2.914,15.484,2.3,30.409,5.1,41.307,7.138h0l.053.01c7.714,1.443,13.288,2.486,15.357,2.656.221.018.458.027.7.027,3.691,0,11.126-1.91,19.735-4.122l.067-.017.029-.007c2.234-.574,4.543-1.167,6.948-1.768C211.909,5.093,225.309,2.1,236.036,2.1c1.085,0,2.14.031,3.134.093a121.915,121.915,0,0,1,16.852,2.4c3.089.637,6.348,1.4,9.687,2.267V32.123Z" transform="translate(0 2.39)" fill="#fff" opacity="0.5"/>
                  <path id="减去_5" data-name="减去 5" d="M265.71,51.891H0v-44A214.575,214.575,0,0,0,63.511,17.25c2.484,0,5-.039,7.491-.116,22.67-.7,33.409-4.684,43.795-8.539l.007,0a131.7,131.7,0,0,1,17.235-5.446,109.954,109.954,0,0,1,11.407-1.972C147.989.621,152.815.271,158.2.1c2.232-.069,4.414-.1,6.484-.1C185.5,0,195.9,3.409,205.962,6.706c8.681,2.844,16.881,5.53,31.131,5.911,1.338.036,2.693.054,4.027.054A136.337,136.337,0,0,0,265.709,10.5V51.89h0Z" transform="translate(0 1.251)" fill="#fff"/>
                </g>
              </g>
            </g>
            <g id="蒙版组_24" data-name="蒙版组 24" transform="translate(1633.52 2091.5)" opacity="0.8" clip-path="url(#clip-path-3)">
              <g id="组_2220" data-name="组 2220" transform="translate(12 137)" opacity="0.32">
                <g id="组_2219" data-name="组 2219" transform="translate(0 0)">
                  <path id="减去_21" data-name="减去 21" d="M265.71,43.111H0V0C19.586,1.1,33.9,6.754,47.735,12.225c14.479,5.724,28.156,11.131,46.846,11.159h.148c18.594,0,32.628-4.913,47.753-10.849l1.187-.467.817-.321.048-.019c13.119-5.164,25.509-10.041,40.5-10.041,1.245,0,2.511.035,3.762.1,19.428,1.057,52.551,9.557,76.916,16.5V43.111h0Z" fill="#fff" opacity="0.5"/>
                  <path id="减去_23" data-name="减去 23" d="M0,33.728H0V16.436a141.155,141.155,0,0,1,28.177-10.6c9.038-2.3,19.259-3.915,34.175-5.412,2.792-.279,6-.421,9.53-.421,5.933,0,13,.4,21.02,1.187,6.877.675,14.652,1.656,23.11,2.914,15.484,2.3,30.409,5.1,41.307,7.138h0l.053.01c7.714,1.443,13.288,2.486,15.357,2.656.221.018.458.027.7.027,3.691,0,11.126-1.91,19.735-4.122l.067-.017.029-.007c2.234-.574,4.543-1.167,6.948-1.768C211.909,5.093,225.309,2.1,236.036,2.1c1.085,0,2.14.031,3.134.093a121.915,121.915,0,0,1,16.852,2.4c3.089.637,6.348,1.4,9.687,2.267V32.123Z" transform="translate(0 2.39)" fill="#fff" opacity="0.5"/>
                  <path id="减去_25" data-name="减去 25" d="M265.71,51.891H0v-44A214.575,214.575,0,0,0,63.511,17.25c2.484,0,5-.039,7.491-.116,22.67-.7,33.409-4.684,43.795-8.539l.007,0a131.7,131.7,0,0,1,17.235-5.446,109.954,109.954,0,0,1,11.407-1.972C147.989.621,152.815.271,158.2.1c2.232-.069,4.414-.1,6.484-.1C185.5,0,195.9,3.409,205.962,6.706c8.681,2.844,16.881,5.53,31.131,5.911,1.338.036,2.693.054,4.027.054A136.337,136.337,0,0,0,265.709,10.5V51.89h0Z" transform="translate(0 1.251)" fill="#fff"/>
                </g>
              </g>
            </g>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>

        );
    }
}